<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <title>UNDER ARMOUR</title>
  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current shopping-prepare-page bg-light-gray">
      
      <header class="bar bar-nav ua-header">
        <a href="${ctx.host}" class="icon icon-left pull-left"></a>
        <h1>2018健身精英训练营</h1>
      </header>
      
      <div class="bar bar-footer ua-bottom-footer">
        <a id="submit" href="#" class="button button-fill button-black ua-button bug-button" >确定</a>
      </div>
      <div class="content">
        <div class="content">
          <div class="list-block" style="margin: 0px;">
            
            <p style="font-size: 1.5rem; text-align: center; font-weight: bold;"><i class="fa fa-mobile fa-2x" style="font-size: 1.8rem;" aria-hidden="true"></i>&nbsp;&nbsp;绑定手机</p>
            
            <div class="list-block" style="margin-bottom: 0px; border-bottom: 1rem solid #000001;">
              <ul>
                <!-- Text inputs -->
                <li>
                  <div class="item-content">
                    <div class="item-media"  style="font-size: .6rem; width: 48px;">手机：</div>
                    <div class="item-inner">
                      <div class="item-input">
                        <input type="number" name="mobile" placeholder="请输入手机号" style="font-size: .7rem;">
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-media" style="font-size: .6rem; width: 48px;">验证码：</div>
                    <div class="item-inner">
                      <div class="item-input">
                        <input type="number" name="code" placeholder="请输入验证码" style="padding-right: .25rem; font-size: .7rem;">
                      </div>
                      <div class="item-button" style="margin-top: -.1rem; margin-bottom: -.05rem;height: 2rem;">
                        <button id="get-code" class="button button-fill button-warning get-code-btn" style="height: 100%; padding: 0 0 0 .65rem; background-color: transparent; color: #f60; font-size: .8rem;">获取验证码</button>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/staff/bind-mobile.js" />
  <script type="text/javascript">
    require(['page/staff/bind-mobile'], function(page) {
      page.init({
        jsConfig: JSON.parse('${jsConfig}'),
        unionid: '${user.unionid}',
        courseId: '${courseId}',
        mobiles: '${mobiles}'
      })
    })
  </script>
  
</body>
</html>